<script setup>

</script>

<template>
  <div>
    <footer>
      <div class="bottom">
        <ul>
          <li>备案号</li>
        </ul>
      </div>
    </footer>
  </div>
</template>

<style scoped>

footer{
  background-color: #333; /* 背景颜色 */
  color: #fff; /* 文本颜色 */
  padding: 5px; /* 内边距 */
  text-align: center; /* 文本居中 */
  position: fixed; /* 固定在底部 */
  width: 100%; /* 宽度充满整个视口 */
  bottom: 0; /* 距离视口底部的距离 */
}
.bottom ul{
  margin: 0;
  height: 20px;
  line-height: 20px;
}
.bottom li{
  display: inline;
  float: left;
  width: 25%;

  height: 24px;
  line-height: 24px;

  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
</style>